.editorHeaderPage {
  width: 100vw;
  height: 52px;
  padding: 8px 16px;
  display: flex;
  box-sizing: border-box;

  .iconfont {
    margin-right: 8px;
    font-size: 25px;
    color: $greyColor;
    cursor: pointer;

    &.active,
    &:hover {
      color: $mainColor;
    }

    &.disabled {
      color: $disabledColor;
      &:hover {
        color: $disabledColor;
      }
    }
  }

  .left {
    width: 230px;
    .name {
      font-size: 24px;
      font-weight: 600;
    }
  }

  .center {
    flex: 1;
    margin: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;

    .history {
      margin-right: 30px;
      display: flex;
      align-items: center;
    }

    .transfrom {
      margin-right: 30px;
    }

    .axis {
      margin-right: 30px;
    }
  }

  .right {
    width: 200px;
  }
}
